<template>
	<view class="shop_bill">
		<view class="shop_bill_shopDetails">
			<view class="shop_bill_shopDetails_head">
				<image src="https://cdn.uviewui.com/uview/album/1.jpg" class="shop_bill_image"></image>
				<p class="shop_bill_userText">重庆小吃</p>
				<p style="font-size: 16px;margin-top: 4px;float:left;margin-left:160px;color:#AFAFAF;">已送达</p>
			</view>
			<view class="shop_bill_shopDetails_body">
				<image src="https://cdn.uviewui.com/uview/album/3.jpg" class="shop_bill_body_image"></image>
				<image src="https://cdn.uviewui.com/uview/album/5.jpg" class="shop_bill_body_image"></image>
				<p style="font-weight: bold;margin-left: 120px;width: 60px;float:left;margin-top:20px;">￥13.2</p>
				<p style="font-size:14px;font-weight: bold;margin-left: 130px;width: 60px;float:left;margin-top:8px;color:#AFAFAF;">共2件</p>
			</view>
			<u-button type="primary" :plain="true" text="查看详情" shape="circle" style="width: 120px;margin-left: 240px;"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				a:2,
				indexList: [
					{	
						name:'宫保鸡丁',
						urls:'https://cdn.uviewui.com/uview/album/3.jpg',
						a:1,
						price:20,
					},
					{
						name:'鱼香肉丝',
						urls:'https://cdn.uviewui.com/uview/album/5.jpg',
						a:2,
						price:22,
					}
				],
				urls: [
					'https://cdn.uviewui.com/uview/album/1.jpg',
					'https://cdn.uviewui.com/uview/album/2.jpg',
					'https://cdn.uviewui.com/uview/album/3.jpg',
					'https://cdn.uviewui.com/uview/album/4.jpg',
					'https://cdn.uviewui.com/uview/album/5.jpg',
					'https://cdn.uviewui.com/uview/album/6.jpg',
					'https://cdn.uviewui.com/uview/album/7.jpg',
					'https://cdn.uviewui.com/uview/album/8.jpg',
					'https://cdn.uviewui.com/uview/album/9.jpg',
					'https://cdn.uviewui.com/uview/album/10.jpg',
				]
			}
		},
		onLoad() {
			// this.loadmore()
		},
		methods: {

		},
	}
</script>

<style scoped>
.shop_bill{
	width: 414px;
	height: 852px;
	background-color: #F6F6F6;
	overflow: hidden;
}
.shop_bill_shopDetails{
	width: 362px;
	margin-left: 8px;
	height: 200px;
	background-color: white;
	margin-top: 10px;
	border-radius: 20px;
	overflow: hidden;
}
.shop_bill_shopDetails_head{
	width: 414px;
	height: 40px;
	margin-top: 10px;
}
.shop_bill_image{
	width:35px;
	height: 35px;
	margin-left: 16px;
	float: left;
}
.shop_bill_userText{
	font-size: 18px;
	font-weight: bold;
	margin-left: 8px;
	width: 80px;
	float: left;
	margin-top: 6px;
}
.shop_bill_shopDetails_body{
	width: 414px;
	height: 90px;
	margin-top: 20px;
}
.shop_bill_body_image{
	width: 80px;
	height: 80px;
	border-radius: 10%;
	margin-left: 10px;
	float: left;
}
</style>